<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>溢出的文字省略号显示</title>
    <style>
      div {
          width: 200px;
          height: 20px;
          border:1px solid pink;
          line-height: 20px;
          /*三部曲*/
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }
    </style>
</head>
<body>
<div>
  生活的本质是一个东西，你应该知道是什么的！
</div>
</body>
</html>